<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    @include("{$templatePrefix}/common.head")
    <link rel="stylesheet" type="text/css" href="{{ asset($stylePath) }}/css/style_2_portal_index.css"/>

</head>
<body id="nv_portal" class="pg_index">
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
<div id="toptb" class="cl" style="display:none;">
</div>
@include("{$templatePrefix}/common.header")
<div id="mu" class="cl">
    <div class="wp">
    </div>
</div>
<script src="{{ asset($stylePath) }}/js/week_nav.js" type="text/javascript"></script>
<div id="wp" class="wp">
    <script src="{{ asset($stylePath) }}/js/jquery-1.7.2.js" type="text/javascript"></script>
    <script src="{{ asset($stylePath) }}/js/jquery.fullpage.min.js" type="text/javascript"></script>
    <script src="{{ asset($stylePath) }}/js/scoll.js" type="text/javascript"></script>
    <script src="{{ asset($stylePath) }}/js/addons.js" type="text/javascript"></script>
    <script src="{{ asset($stylePath) }}/js/case.js" type="text/javascript"></script>
    <script src="{{ asset($stylePath) }}/js/tab.lib.js" type="text/javascript"></script>
    <script type="text/javascript">

        PTM(document).ready(function () {

            PTM(".wk_about").tab({

                tabId: "#wk_about_menu",
                tabTag: "a",
                conId: "#wk_about_div",
                conTag: "div.wk_aaa",
                act: "mouseover",
                effact: "scrollx",
                dft: 0

            });

        });

    </script>
</div>
<div class="clear"></div>
<div class="wk_index_main">
    <!--page1-->
    <div class="section page1">
        <div class="wk_slide-wrap">
            <ul>
                <li id="wk_s1" class="wk_selected">
                    <div class="wk_banner"></div>
                    <div class="wk_wrap">
                        <div class="wk_banner13">
                            <img src="{{ asset($stylePath) }}/images/banner13.png" alt=""/>
                        </div>
                        <div class="wk_banner12">
                            <img src="{{ asset($stylePath) }}/images/banner12.png" alt=""/>
                        </div>
                        <div class="wk_banner14">
                            <img src="{{ asset($stylePath) }}/images/banner14.png" alt=""/>
                        </div>
                    </div>
                </li>
                <li id="wk_s2">
                    <div class="wk_banner"></div>
                    <div class="wk_wrap">
                        <div class="wk_banner22">
                            <img src="{{ asset($stylePath) }}/images/banner22.png" alt=""/>
                        </div>
                        <div class="wk_banner23">
                            <img src="{{ asset($stylePath) }}/images/banner23.png" alt=""/>
                        </div>
                        <div class="wk_banner24">
                            <a href="{{ url('news') }}" target="_blank">了解更多</a>
                        </div>
                    </div>
                </li>
                <li id="wk_s3">
                    <div class="wk_banner"></div>
                    <div class="wk_wrap">
                        <div class="wk_banner32">
                            <img src="{{ asset($stylePath) }}/images/banner32.png" alt=""/>
                        </div>
                        <div class="wk_banner33">
                            <img src="{{ asset($stylePath) }}/images/banner33.png" alt=""/>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="wk_arrow">
            <a href="#service"><img src="{{ asset($stylePath) }}/images/ico3.png"/></a>
        </div>
        <div class="wk_slide-nav-wrap">
            <div id="wk_slide-nav">
                <ul>
                    <li class="wk_nav-line"></li>
                    <li class="wk_nav-bullet-container active" data-index="0"><a class="nav-link"
                                                                                 href="javascript:void(0)">
                            <div class="nav-bullet"></div>
                            <div class="nav-text">
                                高端定制开发
                            </div>
                        </a></li>
                    <li class="wk_nav-line"></li>
                    <li class="wk_nav-bullet-container" data-index="1"><a class="nav-link" href="javascript:void(0)">
                            <div class="nav-bullet"></div>
                            <div class="nav-text">
                                互联网整合营销
                            </div>
                        </a></li>
                    <li class="wk_nav-line"></li>
                    <li class="wk_nav-bullet-container" data-index="2"><a class="nav-link" href="javascript:void(0)">
                            <div class="nav-bullet"></div>
                            <div class="nav-text">
                                响应式网站
                            </div>
                        </a></li>
                    <li class="wk_nav-line"></li>
                </ul>
            </div>
        </div>
    </div>
    <!--page2-->
    <div class="section page2">
        <div class="wk_fwxm">
            <ul>
                <li class="wk_li1">
                    <div class="wk_fwxm_bg"></div>
                    <div class="wk_fwxm_main">
                        <div class="wk_fwxm_ico"></div>
                        <h2>高端网站设计制作</h2>
                        <p>DESIGN CUSTOM</p>
                        <div class="wk_fwxm_des">
                            团队凭借多年的行业经验为企业量身定制，让您的企业在残酷的网络竞争中脱颖而出，立于不败之地。
                        </div>
                        <div class="wk_ljzx">
                            <a href="{{ url('about') }}" target="_blank">立即咨询</a>
                        </div>
                    </div>
                </li>
                <li class="wk_li2">
                    <div class="wk_fwxm_bg"></div>
                    <div class="wk_fwxm_main">
                        <div class="wk_fwxm_ico"></div>
                        <h2>网络运营与推广</h2>
                        <p>NETWORK OPERATIONS</p>
                        <div class="wk_fwxm_des">
                            专注于高品质网络品牌运营推广服务，在网络中树立企业品牌形象，提高搜索关键词转换率，以及多终端广告展现！
                        </div>
                        <div class="wk_ljzx">
                            <a href="{{ url('about') }}" target="_blank">立即咨询</a>
                        </div>
                    </div>
                </li>
                <li class="wk_li3">
                    <div class="wk_fwxm_bg"></div>
                    <div class="wk_fwxm_main">
                        <div class="wk_fwxm_ico"></div>
                        <h2>HTML5响应式网站开发</h2>
                        <p>RESPONSIVE WEBSITE</p>
                        <div class="wk_fwxm_des">
                            HTML5+CSS3设计制作的同时兼容手机和IPAD等触屏设备分辨率，达到最优访问效果，网站数据同步各终端。
                        </div>
                        <div class="wk_ljzx">
                            <a href="{{ url('about') }}" target="_blank">立即咨询</a>
                        </div>
                    </div>
                </li>
                <li class="wk_li4">
                    <div class="wk_fwxm_bg"></div>
                    <div class="wk_fwxm_main">
                        <div class="wk_fwxm_ico"></div>
                        <h2>移动端手机网站与APP</h2>
                        <p>MOBILE WEBSITE</p>
                        <div class="wk_fwxm_des">
                            专注移动端手机网站设计、微网站、手机APP定制开发，创造有活力的品牌网站，在移动互联网市场中取得先机。
                        </div>
                        <div class="wk_ljzx">
                            <a href="{{ url('about') }}" target="_blank">立即咨询</a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!--page3-->
    <div class="section page3">
        <div class="case">
            <h2><img src="{{ asset($stylePath) }}/images/case_title.png" alt=""/></h2>
            <h2 class="wk_h2"><img src="{{ asset($stylePath) }}/images/case_title1.png" alt=""/></h2>
            <div class="wk_btndiv">
                <a class="abtn aleft" href="javascript:void(0);"></a>
                <a class="abtn aright" href="javascript:void(0);"></a>
            </div>
            <div class="wk_scrollcontainer">
                <ul>
                    <li>
                        @foreach($caseLists as $key=>$item)
                            <div class="wk_case_list">
                                <a href="{{ url('cases', ['id'=>$item['id']]) }}" target="_blank" title="{{ $item['title'] }}">
                                    <div class="wk_case_img">
                                        <img src="{{ $item['cover_image'] }}" width="275" height="190"
                                             alt="{{ $item['title'] }}"/>
                                    </div>
                                    <div class="wk_case_ico"></div>
                                    <div class="wk_case_xian">
                                        <span class="wk_span_1"></span>
                                        <span class="wk_span_2"></span>
                                        <span class="wk_span_3"></span>
                                        <span class="wk_span_4"></span>
                                    </div>
                                </a>
                            </div>
                        @endforeach
                        {{--<div class="wk_case_list">
                            <a href="caseshow.html" target="_blank" title="vivo Xplay5双曲面屏">
                                <div class="wk_case_img">
                                    <img src="{{ asset($stylePath) }}/uploads/1-1F3161T2144V-lp.jpg" width="275" height="190"
                                         alt="vivo Xplay5双曲面屏"/>
                                </div>
                                <div class="wk_case_ico"></div>
                                <div class="wk_case_xian">
                                    <span class="wk_span_1"></span>
                                    <span class="wk_span_2"></span>
                                    <span class="wk_span_3"></span>
                                    <span class="wk_span_4"></span>
                                </div>
                            </a>
                        </div>--}}
                    </li>
                    @if(count($caseLists) > 8)
                        <li>
                            @foreach($caseLists as $key=>$item)
                                @if($key < 8)
                                    @continue
                                @endif
                                <div class="wk_case_list">
                                    <a href="{{ url('cases', ['id'=>$item['id']]) }}" target="_blank"
                                       title="{{ $item['title'] }}">
                                        <div class="wk_case_img">
                                            <img src="{{ $item['cover_image'] }}" width="275" height="190"
                                                 alt="{{ $item['title'] }}"/>
                                        </div>
                                        <div class="wk_case_ico"></div>
                                        <div class="wk_case_xian">
                                            <span class="wk_span_1"></span>
                                            <span class="wk_span_2"></span>
                                            <span class="wk_span_3"></span>
                                            <span class="wk_span_4"></span>
                                        </div>
                                    </a>
                                </div>
                            @endforeach
                        </li>
                    @endif

                </ul>
                <!--首页-案例-内部调用代码设置位置-->
            </div>
        </div>
        <script type="text/javascript">

            PTM(function () {

                PTM(".case").Xslider({

                    unitdisplayed: 1,

                    numtoMove: 1,

                    speed: 500,

                    scrollobjSize: Math.ceil(PTM(".uldiv").find("li").length * 1)

                })

            })

        </script>
    </div>
    <!--page4-->
    <div class="section page4">
        <div class="wk_about">
            <h2><img src="{{ asset($stylePath) }}/images/about_title.png" alt=""/></h2>
            <h2 class="wk_h2"><img src="{{ asset($stylePath) }}/images/about_title1.png" alt=""/></h2>
            <div class="wk_about_menu" id="wk_about_menu">
                <a class="active">简介</a>
                <a>动态</a>
                <a>历程</a>
            </div>
            <div class="wk_about_div" id="wk_about_div">
                <div class="wk_about_main wk_aaa">
                    <div class="wk_about_left">
                        <img src="{{ asset($stylePath) }}/images/about_img.png" alt=""/>
                    </div>
                    <div class="wk_about_right">
                        <div class="wk_about_top">
                            <a><img src="{{ asset($stylePath) }}/images/about_ico1.png" alt=""/></a>
                            <a><img src="{{ asset($stylePath) }}/images/about_ico2.png" alt=""/></a>
                            <a><img src="{{ asset($stylePath) }}/images/about_ico3.png" alt=""/></a>
                            <a style="margin-right:0;"><img src="{{ asset($stylePath) }}/images/about_ico4.png" alt=""/></a>
                            <div class="clear"></div>
                        </div>
                        <div class="wk_about_des">
                            自成立以来，一直专注于互联网品牌建设，我们团队的成员曾务于国内优秀广告公司及互联网公司业务类型涉及WEB视觉、交互设计、移动终端用户体验等质量和信誉是我们存在的基石。我们注重客户提出的每个要求，充分考虑每一个细节，积极的做好服务，努力开拓更好的视野。我们永远不会因为我们曾经的成绩而满足。在所有新老客户面前，我们都很乐意虚心、朴实的跟您接触，更深入的了解您的企业，以便为您提供更优质的服务！
                            我们的服务宗旨:持续为客户创造最优质的服务 感...
                        </div>
                    </div>
                </div>
                <div class="wk_news_list wk_aaa">
                    <ul>
                        @foreach($newLists as $key=>$item)
                        <li>
                            <dl>
                                <dt>
                                    {{ substr($item['created_at'], 0, 10) }}
                                </dt>
                            </dl>
                            <h4><a href="newsshow.html" title="{{ $item['title'] }}" target="_blank">{{ $item['title'] }}</a></h4>
                            <div class="wk_news_des">
                                {{ $item['description'] }}
                            </div>
                            <div class="wk_news_more">
                                <a href="{{ url('news', ['id'=>$item['id']]) }}" title="阅读更多" target="_blank"></a>
                            </div>
                        </li>
                        @endforeach
                        {{--<li>
                            <dl>
                                <dt>
                                    2017-03-16
                                </dt>
                            </dl>
                            <h4><a href="newsshow.html" title="没格局的努力都是在浪费时间" target="_blank">没格局的努力都是在浪费时间</a></h4>
                            <div class="wk_news_des">
                                我们都知道：有用的社交一定是势均力敌的，处于同等段位的人，才能平等地对话；小菜鸟跟大咖本来就不是一国的，很多时候你以为的热络也只不过是你...
                            </div>
                            <div class="wk_news_more">
                                <a href="newsshow.html" title="阅读更多" target="_blank"></a>
                            </div>
                        </li>--}}
                    </ul>
                    <!--首页-新闻动态-内部调用代码设置位置-->
                </div>
                <div class="wk_history wk_aaa">
                    <div class="wk_blk_18">
                        <a class="LeftBotton" onmousedown="ISL_GoUp_1()" onmouseup="ISL_StopUp_1()"
                           onmouseout="ISL_StopUp_1()" href="javascript:void(0);" target="_self"></a>
                        <div class="wk_pcont" id="ISL_Cont_11">
                            <div class="ScrCont">
                                <div id="List1_1">
                                    <div id="List1_1">
                                        @foreach($historyLists as $key=>$item)
                                        <div class="wk_fzlc_s">
                                            <h4>{{ $item['title'] }}</h4>
                                            <div class="wk_his_ico"></div>
                                            <dl>
                                                <dt>
                                                    <img src="{{ $item['cover_image'] }}" title="{{ $item['title'] }}"/>
                                                </dt>
                                                <dd>
                                                    {{ $item['description'] }}
                                                </dd>
                                            </dl>
                                        </div>
                                        @endforeach
                                    </div>
                                    <!--首页-发展历程-内部调用代码设置位置-->
                                </div>
                                <div id="List2_1"></div>
                            </div>
                        </div>
                        <a class="RightBotton" onmousedown="ISL_GoDown_1()" onmouseup="ISL_StopDown_1()"
                           onmouseout="ISL_StopDown_1()" href="javascript:void(0);" target="_self"></a>
                    </div>
                    <div class="c"></div>
                </div>
            </div>
        </div>
    </div>
    <!--page5-->
    <div class="section page5">
        <div class="wk_service">
            <h2><img src="{{ asset($stylePath) }}/images/service_title.png" alt=""/></h2>
            <h2 class="wk_h2"><img src="{{ asset($stylePath) }}/images/service_title1.png" alt=""/></h2>
            <div class="wk_service_xian"></div>
            <div class="wk_service_main">
                <ul>
                    @foreach($customerLists as $key=>$item)
                    <li><img src="{{ $item['cover_image'] }}" alt="{{ $item['title'] }}"/> <span
                                class="wk_span_1"></span> <span
                                class="wk_span_2"></span> <span class="wk_span_3"></span> <span
                                class="wk_span_4"></span></li>
                    @endforeach
                </ul>
                <!--首页-合作客户-内部调用代码设置位置-->
            </div>
        </div>
    </div>
    <!--page6-->
    <div class="section page6">
        <div class="wk_contact">
            <div class="wk_contact_left">
                <img src="{{ asset($stylePath) }}/images/contact_img.png" alt=""/>
            </div>
            <div class="wk_contact_left1">
                <img src="{{ asset($stylePath) }}/images/contact_img1.png" alt=""/>
            </div>
            <div class="wk_contact_right">
                <h2><img src="{{ asset($stylePath) }}/images/contact_title.png" alt=""/></h2>
                <ul class="wk_cont_div">
                    <li class="wk_serve-ico-kf">业务咨询：<span class="wk_cont_a"><img
                                    src="{{ asset($stylePath) }}/images/cont_a.png"/></span><a
                                href="http://wpa.qq.com/msgrd?v=3&amp;uin={{ Config::get('HOME_BASE_INFO.业务咨询QQ') }}&amp;site=qq&amp;menu=yes"
                                target="_blank">{{ Config::get('HOME_BASE_INFO.业务咨询QQ') }} 【点击咨询】</a></li>
                    <li class="wk_serve-ico-kf">技术服务：<span class="wk_cont_a"><img
                                    src="{{ asset($stylePath) }}/images/cont_a.png"/></span><a
                                href="http://wpa.qq.com/msgrd?v=3&amp;uin={{ Config::get('HOME_BASE_INFO.技术服务QQ') }}&amp;site=qq&amp;menu=yes"
                                target="_blank">{{ Config::get('HOME_BASE_INFO.技术服务QQ') }} 【点击咨询】</a></li>
                    <li><span class="wk_cont_c"></span>{{ Config::get('HOME_BASE_INFO.邮箱') }}</li>
                    <li><span class="wk_cont_d"></span>{{ Config::get('HOME_BASE_INFO.公司地址') }}</li>
                </ul>
            </div>
        </div>
    </div>
    <!--index_footer-->
    <div class="section fp-auto-height">
        <div class="wk_footer_side">
            @include("{$templatePrefix}/common.footer")
        </div>
    </div>
</div>
<script src="{{ asset($stylePath) }}/js/banner.js" type="text/javascript"></script>
<div class="clear"></div>
<div class="wp">
    <!--[diy=diy1]-->
    <div id="diy1" class="area"></div>
    <!--[/diy]-->
</div>
<div class="clear"></div>
<div id="wp" class="wp">
</div>
<div id="wk_ft" style="display:none; ">
    <div id="ft" class="wp cl" style="border:0;">
    </div>
</div>
<ul id="scbar_type_menu" class="p_pop" style="display: none;">
</ul>
@include("{$templatePrefix}/common.bottom")
</body>
</html>